<template>
  <div class="tab-area">
    <span
      v-for="(item, index) in [1,2,3]"
      className="route-span"
      key={index}
      keytag={index}
      
    >
      需求规模管理
    <!-- style={pathname === item.path ? { color: '#009688', borderColor: '#009688' } : {} } -->
      <!-- { item.name}
      {
        tabList.length > 1 && <CloseOutlined
          keytag={index}
          onClick={(e) => { this.closeTab(e, item, index) }}
          className="icon-span"
          title="关闭" />
      } -->
    </span>
  </div>
</template>

<script>
export default {
  setup(){

    return {}
  }
}
</script>

<style scoped lang="less">
.tab-area{
  height: 36px;
  border-bottom: 1px solid #f0f0f0;
  line-height: 36px;
  text-align: left;
  background: #f0f2f5;
  padding: 0px 10px;
  .route-span{
    display: inline-block;
    height: 28px;
    line-height: 26px;
    position: relative;
    font-size: 12px;
    margin-right: 6px;
    border: 1px solid #c1c1c1;
    padding: 0px 10px;
    color: #c1c1c1;
    border-radius: 2px;
    cursor: pointer;
    background: white;
    transition: width 0.3s ease;
  }
}
</style>